@import '../../../core/index.less';

.orin-w-headernavbar-root {
    height: @header-preview-height;
    background-color: #272930;
    box-shadow: 0 2/@remScale 10/@remScale rgba(0, 0, 0, .1);
    align-items: center;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    .header-left {
        margin-left: 20/@remScale;
        cursor: pointer;
        .icon {
            width: 144/@remScale;
            height: 23/@remScale;
            color: @white;
        }
    }
    .header-right {
        margin: 0 30/@remScale 0 50/@remScale;
        .btn-wrapper {
            color: @white;
            display: inline-block;
            margin-right: 50/@remScale;
            line-height: 30/@remScale;
            vertical-align: middle;
            &:hover {
                color: @light-blue-color;
                cursor: pointer;
            }
            .icon {
                //vertical-align: top;
                height: 19/@remScale;
                width: 19/@remScale;
                margin-right: 8/@remScale;
            }
            span {
                font-size: 14/@remScale;
                vertical-align: top;
            }
            &:last-child {
                margin-right: 0;
            }
        }
    }
    @media (max-width: @max1) {
        display: none;
    }
}